/* pages/profile/info/info.wxss */
.info-page { min-height: 100vh; background:#f6f7fb; }
.card { background:#fff; border-radius: 20rpx; margin: 20rpx; padding: 24rpx; box-shadow: 0 6rpx 24rpx rgba(0,0,0,0.04); }
.header { display:flex; gap: 18rpx; align-items:center; }
.avatar-box { position: relative; }
.avatar { width: 140rpx; height: 140rpx; border-radius: 50%; background:#eef0f5; }
.avatar-edit { position:absolute; bottom: 6rpx; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.5); color:#fff; font-size: 20rpx; padding: 4rpx 10rpx; border-radius: 999rpx; }
.header-right { flex:1; display:flex; flex-direction:column; gap: 10rpx; }
.nick { font-size: 32rpx; font-weight: 700; }
.sign { font-size: 24rpx; color:#666; }
.mini-btn { align-self:flex-start; height: 52rpx; line-height: 52rpx; padding: 0 18rpx; font-size: 22rpx; background:#eef1fa; color:#333; border-radius: 999rpx; }

.section { overflow:hidden; }
.cell { display:flex; align-items:center; justify-content:space-between; padding: 24rpx 0; border-bottom: 1rpx solid #f0f2f7; }
.cell:last-child { border-bottom: none; }
.label { color:#666; font-size: 26rpx; }
.value { color:#333; font-size: 28rpx; display:flex; align-items:center; gap: 8rpx; }
.value.strong { font-weight: 600; }
.arrow { color:#bbb; font-size: 34rpx; }
.link { color:#20b26b; }
.input { text-align: right; color:#333; font-size: 26rpx; }
.tap { cursor: pointer; }


/* 底部弹窗 */
.sheet-mask { position: fixed; left:0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.35); }
.bottom-sheet { position: fixed; left:0; right:0; bottom:0; background:#fff; border-top-left-radius: 24rpx; border-top-right-radius: 24rpx; box-shadow: 0 -8rpx 30rpx rgba(0,0,0,0.1); }
.sheet-header { display:flex; align-items:center; justify-content:center; padding: 28rpx 24rpx 10rpx; position: relative; }
.sheet-title { font-size: 32rpx; font-weight: 700; }
.sheet-close { position:absolute; right: 24rpx; top: 22rpx; color:#bbb; font-size: 36rpx; }
.sheet-body { padding: 10rpx 32rpx 0; }
.option { text-align:center; padding: 22rpx 0; font-size: 30rpx; }
.date-box { margin: 10rpx auto 20rpx; width: 70%; height: 80rpx; line-height:80rpx; text-align:center; background:#f5f7fb; border-radius: 12rpx; }
.metric-box { text-align:center; font-size: 52rpx; font-weight: 700; margin: 12rpx 0 10rpx; }
.metric-box .unit { font-size: 24rpx; color:#888; margin-left: 6rpx; }

/* 输入框选择器样式 */
.input-picker { padding: 20rpx 0; }
.input-label { 
  text-align: center; 
  font-size: 32rpx; 
  font-weight: 600; 
  color: #333; 
  margin-bottom: 30rpx; 
}

.input-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 40rpx 20rpx;
  background: #f5f7fb;
  border-radius: 12rpx;
  padding: 20rpx;
  border: 2rpx solid transparent;
  transition: border-color 0.3s ease;
}

.input-container:focus-within {
  border-color: #20b26b;
  background: #fff;
}

.number-input {
  flex: 1;
  text-align: center;
  font-size: 48rpx;
  font-weight: 700;
  color: #20b26b;
  background: transparent;
  border: none;
  outline: none;
}

.input-unit {
  font-size: 24rpx;
  color: #888;
  margin-left: 10rpx;
  font-weight: 500;
}

.input-tips {
  text-align: center;
  margin-top: 10rpx;
}

.tips-text {
  font-size: 22rpx;
  color: #999;
}
.sheet-footer { padding: 10rpx 24rpx 24rpx; }
.sheet-save { width: 100%; height: 84rpx; line-height: 84rpx; background:#20b26b; color:#fff; border-radius: 999rpx; font-weight: 600; }